<nz-spin *ngIf="isLoading" class="modal-spin"></nz-spin>
<form nz-form *ngIf="!isLoading" [formGroup]="validateForm" (ngSubmit)="submitForm()">
  <nz-form-item>
    <nz-form-label [nzSpan]="4" nzRequired nzFor="logistics">物流公司</nz-form-label>
    <nz-form-control [nzSpan]="20" [nzValidateStatus]="validateForm.controls['logistics']">
      <input type="text" nz-input formControlName="logistics" placeholder="物流公司">
      <nz-form-explain *ngIf="validateForm.get('logistics').dirty && validateForm.get('logistics').hasError('required')">请输入物流公司</nz-form-explain>
      <nz-form-explain *ngIf="validateForm.get('logistics').dirty && validateForm.get('logistics').hasError('maxlength')">不能超过30个字</nz-form-explain>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="4" nzRequired nzFor="expressNo">快递单号</nz-form-label>
    <nz-form-control [nzSpan]="20" [nzValidateStatus]="validateForm.controls['expressNo']">
      <input type="text" nz-input formControlName="expressNo" placeholder="快递单号">
      <nz-form-explain *ngIf="validateForm.get('expressNo').dirty && validateForm.get('expressNo').hasError('required')">请输入快递单号</nz-form-explain>
      <nz-form-explain *ngIf="validateForm.get('expressNo').dirty && validateForm.get('expressNo').hasError('maxlength')">不能超过30个字</nz-form-explain>
    </nz-form-control>
  </nz-form-item>

  <div class="modal-footer">
    <button nz-button type="button" (click)="close()">关闭</button>
    <button nz-button type="submit" [nzType]="'primary'" >确认发货</button>
  </div>
</form>
